<template>
  <div class="mian">
    <el-row class="tac">
      <el-col :span="12">
        <h5>自定义颜色</h5>
        <el-menu
          default-active="2"
          class="el-menu-vertical-demo"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
        >
          <el-submenu index="1">
            <template slot="title">
              <i class="el-icon-location"></i>
              <span>导航一</span>
            </template>
            <el-menu-item-group>
              <template slot="title">分组一</template>
              <el-menu-item index="1-1">选项1</el-menu-item>
              <el-menu-item index="1-2">选项2</el-menu-item>
            </el-menu-item-group>
            <el-menu-item-group title="分组2">
              <el-menu-item index="1-3">选项3</el-menu-item>
            </el-menu-item-group>
            <el-submenu index="1-4">
              <template slot="title">选项4</template>
              <el-menu-item index="1-4-1">选项1</el-menu-item>
            </el-submenu>
          </el-submenu>
          <el-menu-item index="2">
            <i class="el-icon-menu"></i>
            <span slot="title">导航二</span>
          </el-menu-item>
          <el-menu-item index="3" disabled>
            <i class="el-icon-document"></i>
            <span slot="title">导航三</span>
          </el-menu-item>
          <el-menu-item index="4">
            <i class="el-icon-setting"></i>
            <span slot="title">导航四</span>
          </el-menu-item>
        </el-menu>
      </el-col>
    </el-row>

    <!-- 11111111
        {{orderCount}}  --{{productCount}} --{{userCount}} -->
  </div>
</template>


<script>
// import { Request  } from "../../utils/request";
import { home } from "@/api/index";
import { Row, Col, Menu, Submenu, MenuItem, MenuItemGroup } from "element-ui";
export default {
  name: "Index",
  components: {
    [Row.name]: Row,
    [Col.name]: Col,
    [Menu.name]: Menu,
    [Submenu.name]: Submenu,
    [MenuItem.name]: MenuItem,
    [MenuItemGroup.name]: MenuItemGroup,
  },
  data() {
    return {
      orderCount: "",
      productCount: "",
      userCount: "",
    };
  },
  mounted() {
    // Request({
    //     url:"http://adminv2.happymmall.com/manage/statistic/base_count.do",
    //     method:"get"
    // })
    home().then((res) => {
      console.log(res);
      const { userCount, productCount, orderCount } = res.data.data;
      this.orderCount = orderCount;
      this.productCount = productCount;
      this.userCount = userCount;
    });
  },
};
</script>

<style lang="scss" scoped>
</style>